<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
    <!--<script language="JavaScript" type="text/javascript" src="treemap.js"></script>-->
    <script language="JavaScript" type="text/javascript" src="js/xml_data.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/xpath.js"></script>
    <script language="JavaScript" type="text/javascript" src="js/treemap_bk.js"></script>
    <script>
          
        var behavior = null;
        
        var treemap = null;
    
        function dataTest() 
        {  
            /*
            behavior = new Bankinter.CotizaGadget.Behavior(null);
            behavior.setDiv("div");
            behavior.setUrl("http://localhost:6060/cotiza.xml");
            behavior.initTreeMap(200, 20);
            behavior.startLoad(true, 60000);
            */
            
            //var a = new Bankinter.Graphics.TreeMapItem(100);
            treemap = new Bankinter.Graphics.XmlTreemap("div", 120, 80, "http://10.0.133.234:6060/cotiza.xml", "/root/content/INDEX/STOCKS/STOCK", 1000)
            treemap.startLoad(true);
        } 

        function createDiv() 
        {
			var contentBody = "";
			
			for (i=0; i < 35; i++)
			{
			    contentBody += "<div  id='div" + i + "' onmouseover='showTag(this);'  onmouseout='hiddeTag(this);'></div>";       
			}
			contentBody += "<div id='loadDataError'></div>"
			document.getElementById("superficie").innerHTML = contentBody;
	    }
	    
        function Button1_onclick() 
        {
            createDiv();
            dataTest();
        }	
        
        function onresizetable(elem) 
        {
            alert('jjjj');
            
            if (treemap != null) 
                treemap.layoutTreeMap(elem.clientWidth, elem.clientHeight);
        }   
           
    </script>
</head>

    <STYLE>
    .tab
    {
        BORDER-RIGHT: powderblue 1px solid;
        BORDER-TOP: powderblue 1px solid;
        MARGIN: 1px;
        BORDER-LEFT: powderblue 1px solid;
        WIDTH: 100px;
        BORDER-BOTTOM: powderblue 1px solid;
        HEIGHT: 100px;
        FONT-WEIGHT: bold;
        FONT-SIZE: 12px;
        COLOR: black;
        VISIBILITY: hidden;
        FONT-FAMILY: Verdana;
        PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        PADDING-BOTTOM: 5px;
        PADDING-TOP: 5px;
        FONT-FAMILY: Verdana;
        TEXT-ALIGN: center;
        BACKGROUND-COLOR: azure;
        TOP: 10px;
        LEFT: 60px;
    }
    </STYLE>

<body bgcolor="white">

    <div>
        <input id="Button1" type="button" value="button" onclick="Button1_onclick();"/>
    </div>
   
    <div onmouseover="onresizetable(this);">
        <table border="1" id="table1" width="100%" style="position:absolute">
              <tr>
                <td height="190px"> 
                   <div id="superficie"/>
                </td>
            </tr>
        </table>
    </div>
    
    <script>
  
     
    </script>   
    <!--<div class="tab" style="position:relative" id="tab"><table><tr height="100px"><td valign="middle" id="texto"></td></tr></table></div>-->

</body>
</html>